body { background-color:#000; margin:0; padding:0; color:#fff; font-family:'Arial'; font-size:10px; }
body,html{width:100%;height:100%;}

body > .content { margin:0 auto; transition: width .2s;
-moz-transition: width .2s; /* Firefox 4 */
-webkit-transition: width .2s; /* Safari and Chrome */
-o-transition: width .2s; /* Opera */ }
section { margin-bottom: 5em; }
h2 { margin-bottom:5px; font-size:6em; text-transform: uppercase; letter-spacing: -1px; }
body > .content, header .content { width:960px; }
header { position:fixed; top:0; left:0; width:100%; z-index:200; font-size:1.4em; letter-spacing: .1em; }
header .content { margin:0 auto; background:#000; padding:10px 0; text-transform: uppercase; transition: width .2s;
-moz-transition: width .2s; /* Firefox 4 */
-webkit-transition: width .2s; /* Safari and Chrome */
-o-transition: width .2s; /* Opera */  }
header .content .left { float:left; }
header .content .right { float:right; }
header a { text-decoration: none; color:#fff; }
header nav a:hover { color:#ddd; }
/* hiding order and news nav link */
.es_mx header nav a.newslink, .pt_br header nav a.newslink, .ja_jp header nav a:last-child { display: none; }
/*  header nav a.selected */
header nav a { margin-left: 15px; }
section.video { }
section.video .videoplayer { border:1px solid #333; width:960px; height:540px; }

section.screens .touchImageGallery { display:none; }

section.screens .track { overflow:hidden; height:540px; }
section.screens .track a { margin:0; width:240px; height:135px;  }
section.screens .track img { width:100%; height:100%; }
section.screens .track .page { width:960px; height:540px; }
section.screens .pagination { text-align: center; font-size:2em; margin-top: 15px; }
section.screens .pagination a { color:#fff; margin:0 5px;
	filter: alpha(opacity=50); -moz-opacity: .5; -khtml-opacity: .5; opacity: .5;
 text-decoration: none; }
section.screens .pagination a.active { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } 
section.screens .track .inner {
	width:50000px;
	transition: margin-left .5s;
	-moz-transition: margin-left .5s; /* Firefox 4 */
	-webkit-transition: margin-left .5s; /* Safari and Chrome */
	-o-transition: margin-left .5s; /* Opera */
}

section.info ul li { text-transform:uppercase; margin-bottom:10px; font-size:116%; }
section.info ul li a { color:#fff; text-decoration:none; }
section.info ul li a:hover { text-decoration:underline; } 

section.date { text-align: center; }
section.date a { text-decoration: none; color:#fff; font-size:3em; letter-spacing: .275em; font-family: 'Chalet-LondonSixty'; text-transform: uppercase; }
section.date a:hover { color:#ddd; }
/* hiding date section */
.pt_br section.date {display:none;}

footer { text-align:center; margin-top:40px;  }
footer .rating { width:144px; height:60px; }
footer .hash { font-size:3.6em; margin:0 260px 0 188px; }
footer .hash a { color:#fff; text-decoration:none; }
footer .hash a:hover { color:#ddd; } 
footer .legal { margin:45px 0 20px 0; font-size:1.4em; }
footer .legal a { color:#fff; text-decoration: none; }
footer .legal a:hover { color:#ddd; }

section.lightbox { position:absolute; display:none; width:100%; height:100%; z-index: 100;  }
section.lightbox #lightboxContent { position:relative; color:#fff; z-index:2; margin:0 auto;  width:960px;  }
section.lightbox #lightboxBg { position:fixed; top:0; left:0; width:100%; height:100%; background: #000; z-index:1; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9; }
section.lightbox .main { position:relative;  width:960px; height:540px; }
section.lightbox .main .sprite { height:55px; background:#000; }
section.lightbox .main .prev, section.lightbox .main .next { width:50%; height:100%; cursor:pointer; z-index:1000; position: relative;  }
section.lightbox .main .prev .bg, section.lightbox .main .next .bg { position: absolute; top:0; left:0; width:100%; height:100%; background:#000; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}
section.lightbox .main .img { position: absolute; top:0; left:0; z-index: 990; width:100%; height:100%; }

section.lightbox .main .img img { width:100%; height:100%;}
section.lightbox .main .prev { float:left; }
section.lightbox .main .prev .sprite, section.lightbox .main .next .sprite { visibility: hidden; margin-top: 250px; }
section.lightbox .main .prev:hover .sprite, section.lightbox .main .next:hover .sprite { visibility: visible; }
section.lightbox .main .prev .sprite { background:url(../img/en_us/txt-previous.png) center left no-repeat #000; width:200px;  }
section.lightbox .main .next .sprite { background:url(../img/en_us/txt-next.png) center right no-repeat #000; width:150px; float:right; }
section.lightbox .main .next { float:right; }
section.lightbox .dl { background:#000; padding:5px; }
section.lightbox .dl a { float:right; text-decoration: none; color:#ccc; text-transform: uppercase; }
section.lightbox .dl a:hover { color:#fff; }

section.lightbox .top { position: relative; margin-bottom: 0px; height:30px; z-index:100; }
section.lightbox .top .close { position: absolute; top:0; right:0;cursor:pointer; }
section.lightbox .top .share { position: absolute; top:0; left:0; }

section.social { font-size:1.6em; text-align: center; }
section.social a { text-decoration: none; color:#fff; }
section.social a:hover { color:#ddd; }
section.social ul li { margin:0 20px; }
section.social span.icon { background:url(../img/global/social.png); width:22px; height:22px; margin-right: 10px; }
section.social span.icon.newswire { background-position: 0 0; }
section.social span.icon.lyris { background-position: 0 -22px; }
section.social span.icon.facebook { background-position: 0 -44px; }
section.social span.icon.twitter { background-position: 0 -66px; }

/* hiding news section  */
.es_mx .news, .pt_br .news {display:none;}

.newsBlock .img-shell { text-align: center; margin-right: 10px; width:640px; height:360px; background:#000; }
.newsBlock ul { width:310px; border-top:1px solid #404040;  }
.newsBlock ul li { padding:5px; border-bottom:1px solid #404040; }
.newsBlock ul a span.title { display: block; font-size:2em; margin-bottom:5px; }
.newsBlock ul a span.date-comments { font-size:1.1em; color:#404040; font-family: 'Chalet-LondonSixty'; }
.newsBlock ul li:hover { background:#262626; }
.newsBlock ul a { color:#fff; text-decoration: none; }

.share { width:100%; }
.addthis_toolbox { width:100%; }

.addthis_toolbox * { color:#000; }
.addthis_toolbox a { margin-right:10px; display:inline-block !important; }
span#at15ptc { color:#333; } 

.controller_error .logo { text-align: center; margin-bottom: 50px; }
.controller_error h1 { font-size:4.8em; text-align: center;  }

.overlay {width:100%; height:100%; position:fixed; z-index:10; background-color:#000000; opacity:.70; top:0; left:0; display:none; }
.news-container {width:742px; height:700px; background-color: #000000; position:fixed; z-index:20; top:50%; left:50%; display:none; margin-left:-357.5px; margin-top:-350px; padding:15px; padding-top: 45px; padding-left:30px; border: 6px #404040 solid; }
.news-container img.close-btn {position:absolute; top:15px; right:15px; cursor:pointer; }
.news-container h2 {margin-bottom: 5px; font-size: 30px; letter-spacing: -2px; text-decoration: none; line-height: 32px; text-shadow: 0px 1px 2px #DDD; font-weight: normal; border: none; }
.news-container .overview .body {border-top: 1px solid #CCCCCC; font-size: 12px; line-height: 130%; margin-top: 10px; }
.news-container .body p {font-size:12px; margin:13px 0; }
.news-container .body p a {color: #FFFFFF; text-decoration: underline;}
.news-container .body div a {color: #FFFFFF; text-decoration: underline;}

/* tiny scrollbar */
.news-container .viewport { width: 640px; height: 637px; overflow: hidden; position: relative; }
.news-container .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.news-container .scrollbar{ background: transparent url(../img/global/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px; }
.news-container .track { background: transparent url(../img/global/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }
.news-container .thumb { background: transparent url(../img/global/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px; }
.news-container .thumb .end { background: transparent url(../img/global/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
.news-container .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* Order styles */
.order-block { display: block; min-height: 524px; position: relative; margin-top: 30px; min-height: 360px; }
.order-block ul { border-top: 1px solid #404040; display: block; float: left; margin-left: 18px; min-height: 144px; position: relative; top: 120px; width: 166px; }
.order-block ul li { padding:5px; border-bottom:1px solid #404040; }
div.xbox360 { display: block; float: left; position: relative; height: auto; }
div.ps3 { display: block; float: right; position: relative; height: auto; }
div.boxart-xbox { display: block; width: 251px; height: 353px; background: transparent url(../img/global/xbox_360_fob_640.jpg) no-repeat 0 0; float: left;}
div.boxart-ps3 { display: block; width: 280px; height: 353px; background: transparent url(../img/global/ps3_fob_640.jpg) no-repeat 0 0; float: left; }

ul.retailerlist li { display: block; font-size:1.4em; margin-bottom:5px; text-transform: uppercase; }
ul.retailerlist li a {color:#ffffff; text-decoration:none;}
ul.retailerlist li a:hover {text-decoration:underline;}
ul.retailerlist li.system { font-size: 1.9em; letter-spacing: 0; margin-bottom: 5px; text-transform: uppercase; }

div.preorder-locales { display: block; text-align: center; min-height: 24px; position: relative; margin-top: 20px; }
ul.localelist { list-style-type: none; display: inline-block; position: relative; }
ul.localelist li { border: medium none; float: left; font-size: 1.4em; font-weight: normal; margin-right: 6px; cursor: pointer; }
ul.localelist li.lister { color: #333; }
ul.localelist li.lister:hover {color:#ffffff;}
ul.localelist li.active { color: #fff; }



img.left {float: left;}

/* hiding order section */
.ja_jp .order {display: none;}

body section.mft {
	height:600px;
}


/* 640 version */
@media screen and (max-width:959px) {
	header {
		font-size:9.5px;
	}
	body > .content, header .content { width:640px; }
	h2 {font-size:35px;}

	section.video .videoplayer { width:640px; height:360px; }
	section.screens ul li { width:213px; height:119px; }
	div.xbox360{width:436px; margin:0 auto 20px 20%;}
	div.ps3{margin:0 auto 0 20%; width:470px; float:left;}
	section.screens .track { height:360px; }
	section.screens .track .page { width:640px; height:360px; }
	section.screens .track a { width:160px; height:90px; }

	section.lightbox #lightboxContent { width:640px; } 
	section.lightbox .main { width:640px; height:360px; }  
	section.lightbox .main .prev .sprite, section.lightbox .main .next .sprite { margin-top: 150px; }
	
	section.social { font-size:1em; }
	section.social ul li { margin:0 10px;}

	.newsBlock { display:block; }
	.newsBlock ul { width:100%; }
	.order-block ul {width:166px;}
	.order-block {min-height:524px; height:728px;}

	footer .hash { margin:0 20px 0 18px; }

	body section.mft {
		height:400px;
	}

}

/* 1280 version */
@media screen and (min-width:1280px) and (min-height:720px) {
	body { font-size:12px; }
	body > .content, header .content { width:1280px; }
	section.video .videoplayer { width:1280px; height:720px; }
	div.boxart-xbox { width: 367px; height: 516px; background-image: url(../img/global/xbox_360_fob_960.jpg);}
	div.boxart-ps3 { width: 409px; height: 471px; background-image: url(../img/global/ps3_fob_960.jpg); }
	section.screens .track { height:720px; }
	section.screens .track .page { width:1280px; height:720px; }
	section.screens .track a { width:320px; height:180px; }

	section.lightbox #lightboxContent { width:1280px; } 
	section.lightbox .main { width:1280px; height:720px; }  
	section.lightbox .main .prev .sprite, section.lightbox .main .next .sprite { margin-top: 330px; }
	.newsBlock ul { width:630px; }
	ul.retailerlist li.system { font-size: 2.2em; }
	.order-block ul {width:226px;}
	.order-block {min-height:524px;}

	body section.mft {
		height:720px;
	}


}